<!DOCTYPE html>
<html lang="en">

<head>
    <meta http-equiv="Access-Control-Allow-Origin" content="*">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
    <title>扫码分享平台</title>
    <script src="https://cdn.bootcss.com/vue/2.4.2/vue.min.js"></script>
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://code.jquery.com/jquery.js"></script>
    <style>
        img {
            width: 400px;
            height: 400px;
        }

        html {
            height: 100%;
        }

        .mainbody {
            width: 100%;
            height: 90%;
        }

        .centerbody {
            width: 80%;
            margin: 0 auto;
        }

        .foot {
            width: 80%;
            bottom: 0;
            margin: 0 auto;
        }

        #app {
            bottom: 0;
            height: 9%;
        }

        .table {
            width: 80%;
            margin: 0 auto;
        }

        .btnsubmit {
            width: 250px;
        }

        .submitlst {
            width: 80%;
            margin: 0 auto;
        }
    </style>
</head>

<body>
    <div class="mainbody">
        <div class="centerbody">
            <%- html %>
                <br>
                <br>
        </div>
    </div>
    <div id="app">
        <!-- <div class="submitlst">
            <button type="button" class="btn btn-primary" @click="reflist">刷新列表</button>
            <p>提交列表</p>
            <div id='list'>
            </div>
        </div>
        <br>
        <br>

        <div class="foot">
            <form name="form1" id="form1" method="post" enctype="multipart/form-data">
                <input accept="image/*" type="file" name="file" id="file" @change="change">
                <textarea v-model="context" class="form-control" style="height:130px;width:100%">
                </textarea>
                <input type="text" v-model="pwd2" class="form-control" style="height:30px;width:100%" placeholder="请输入密码">
                <button type="button" class="btn btn-primary" @click="submit">提交</button>
            </form>
        </div> -->

    </div>
    <script>
        // new Vue({
        //     el: '#app',
        //     data: {
        //         pwd: '<%= pwd%>',
        //         pwd2: '',
        //         list: [],
        //         selectimg: '',
        //         imgstr: '',
        //         id: '<%= ID%>',
        //         context: '',
        //         filedata: ''
        //     },
        //     created() {
        //         $.ajax({
        //             url: 'http://120.27.139.133:3389/api/getinfo?id=<%= ID%>',
        //             type: "get",
        //             dataType: "json",
        //             success: function (data) {
        //                 this.list = data
        //                 var str = ''
        //                 data.forEach(element => {
        //                     if (element.imgstr)
        //                         str += `<img src='http://${element.imgstr}' />`

        //                     str += `<p>${element.txt}</p>`
        //                 });
        //                 $('#list').empty().append(str)
        //             }
        //         });
        //     },
        //     methods: {
        //         change(e) {
        //             console.log('上传图片?')
        //             var data = new FormData($('#form1')[0]);
        //             let that = this
        //             $.ajax({
        //                 url: 'http://120.27.139.133:3389/api/uploadfile',
        //                 data: data,
        //                 dataType: 'JSON',
        //                 cache: false,
        //                 type: 'POST',
        //                 processData: false,
        //                 contentType: false,
        //             }).done(function (ret) {
        //                 console.log(ret)
        //                 if (ret.msg === '成功') {
        //                     that.imgstr = ret.data
        //                 }
        //             });
        //         },
        //         reflist() {
        //             $.ajax({
        //                 url: 'http://120.27.139.133:3389/api/getinfo?id=<%= ID%>',
        //                 type: "get",
        //                 dataType: "json",
        //                 success: function (data) {
        //                     this.list = data
        //                     var str = ''
        //                     data.forEach(element => {
        //                         if (element.imgstr)
        //                             str += `<img src='http://${element.imgstr}' />`

        //                         str += `<p>${element.txt}</p>`
        //                     });
        //                     $('#list').empty().append(str)
        //                 }
        //             });
        //         },
        //         submit() {
        //             if (this.pwd2 == '') {
        //                 return
        //             }
        //             if (this.pwd2 != this.pwd) {
        //                 return
        //             }

        //             $.ajax({
        //                 url: 'http://120.27.139.133:3389/api/setinfo',
        //                 type: "get",
        //                 dataType: "json",
        //                 data: { "id": "<%= ID%>", "txt": this.context, "img": this.imgstr },
        //                 success: function (data) {
        //                     this.pwd2 = ''
        //                     this.context = ''

        //                     $.ajax({
        //                         url: 'http://120.27.139.133:3389/api/getinfo?id=<%= ID%>',
        //                         type: "get",
        //                         dataType: "json",
        //                         success: function (data) {
        //                             this.list = data
        //                             var str = ''
        //                             data.forEach(element => {
        //                                 if (element.imgstr)
        //                                     str += `<img src='http://${element.imgstr}' />`

        //                                 str += `<p>${element.txt}</p>`
        //                             });
        //                             $('#list').empty().append(str)
        //                         }
        //                     });
        //                 }
        //             });
        //         }
        //     }
        // })
    </script>
</body>

</html>